<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb mt-3">
        <strong>当前位置:</strong>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-dark">管理中心</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-dark">商城管理</a></li>
        <li class="breadcrumb-item active" aria-current="page">订单信息</li>
    </ol>
</nav>

<!--查看基本信息的模态框-->
<div class="modal fade" id="modal-show" tabindex="-1" aria-labelledby="modal-base-h5" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-show-h5">查看订单详情</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body container">
                <form id="modal-show-form" class="row g-3 row">
                    <div class="col-md-12">
                        <label for="show-id" class="form-label">订单ID</label>
                        <input readonly name="id" type="text"  class="form-control" id="show-id" placeholder="">
                    </div>
                    <div class="col-md-12">
                        <label for="show-id" class="form-label">买家ID</label>
                        <input readonly name="buyer-id" type="text"  class="form-control" id="show-buyer-id" placeholder="">
                    </div>
                    <div class="col-md-12">
                        <label for="show-id" class="form-label">买家名称</label>
                        <input readonly name="buyer-username" type="text"  class="form-control" id="show-buyer-name" placeholder="">
                    </div>
                    <div class="col-md-12">
                        <label for="show-provider-id" class="form-label">供应商ID</label>
                        <input readonly name="provider-id" type="text"  class="form-control" id="show-provider-id" placeholder="">
                    </div>
                    <div class="col-md-12">
                        <div class="col-md-8">
                            <label for="show-provider-name" class="form-label">供应商名称</label>
                            <input readonly name="provider-name" type="text"  class="form-control" id="show-provider-name" placeholder="">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label for="show-product-id" class="form-label">商品ID</label>
                        <input readonly name="product-id" type="text"  class="form-control" id="show-product-id" placeholder="">
                    </div>
                    <div class="col-md-9">
                        <label for="show-product-name" class="form-label">商品名称</label>
                        <input readonly name="product-name" type="text"  class="form-control" id="show-product-name" placeholder="">
                    </div>
                    <div class="col-md-6">
                        <label for="show-number" class="form-label">购买数量</label>
                        <input readonly name="number" type="text"  class="form-control" id="show-number" placeholder="">
                    </div>
                    <div class="col-md-6">
                        <label for="show-price" class="form-label">成交价格</label>
                        <input readonly name="price" type="text"  class="form-control" id="show-price" placeholder="">
                    </div>
                    <div class="col-md-12">
                        <label for="show-price" class="form-label">交易时间</label>
                        <input readonly name="createTime" type="text"  class="form-control" id="show-time" placeholder="">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-bs-dismiss="modal" onclick="toProduct('#show-product-id')">查看商品详情</button>
                <button type="button" class="btn btn-primary w-25" data-bs-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>

<!--动态渲染加载图标-->
<div id="admin-user-center-placeholder" class="row d-flex justify-content-center"></div>

<div class="container col-md-10">
    <!-- 搜索框开始 -->
    <div class="input-group mb-3 w-75">
        <select class="form-select">
            <option value="id">订单ID</option>
            <option value="buyerId">买家ID</option>
            <option value="productId">商品ID</option>
            <option value="providerId">供应商ID</option>
            <option value="status">订单状态</option>
        </select>
        <input id="input-search-role" type="text" class="form-control" placeholder="输入搜索的条件"
               aria-describedby="btn-search-role">
        <button class="btn btn-primary" type="button" onclick="searchOrder(this)">搜索</button>
        <button class="btn btn-secondary" type="button" onclick="clearURL(this)">清空筛选条件</button>
    </div>
    <!-- 搜索框结束 -->

    <!--批量操作按钮-->
    <div style="text-align: right">
        <select class="user-select-auto">
            <option value="0">待结算</option>
            <option value="1">待发货</option>
            <option value="2">运输中</option>
            <option value="3">待确认收货</option>
            <option value="4">已确认收货</option>
        </select>
        <button class="btn btn-primary ml-auto" onclick="modifyOrderStatus(this)">批量修改状态</button>
        <button class="btn btn-danger ml-auto" onclick="removeOrders()" >批量删除</button>
    </div>
    <h6 id="textShowResult" class="text-dark">共0条结果</h6>
    <table class="table table-bordered text-center">
        <thead class="table-light">
        <tr>
            <td style="width: 5%"><input id="cb_all" type="checkbox" style="width: 20px; height: 20px">全选</td>
            <td style="width: 5%;">订单ID</td>
            <td style="width: 6%;">买家名称</td>
            <td style="width: 4%;">商家名称</td>
            <td style="width: 8%">商品名称</td>
            <td style="width: 4%;">交易价格</td>
            <td style="width: 4%;">状态</td>
            <td style="width: 15%;">操作</td>
        </tr>
        </thead>
        <tbody id="admin-card-order-list-entry">
        </tbody>
    </table>
</div>

<!-- 结果通过动态渲染-->
<nav id="admin-card-order-pages-entry" class="Page navigation mb-0"></nav>